<!doctype html>
<!--[if lt IE 7 ]> <html class="no-js ie6 ie" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7 ie" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8 ie" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<title>Userfriendly input placeholder - CSS-Plus</title>
	<script src="js/wss.js"></script>
	<script src="js/modernizr-2.0.6-min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	
	<link rel="stylesheet" type="text/css" href="handsontable/handsontable.full.min.css">
	<link rel="stylesheet" type="text/css" href="handsontable/htcenter.css" />
	<script src="handsontable/handsontable.full.min.js"></script>
	
</head>
<body>

<h1>SUPOR<span>产品录入系统</span></h1>
<br>
<div id="content">
	<h2>各基地产品录入产品数据库</h2>

	<form id="login">
		<ul>
			<br>
			<li>
				<input id="txtbox_Name" name="Name" placeholder="产品名称" title="产品名称" type="text" value="" required />
				<label for="text">产品名称</label>
			</li><br><br><br>
			<li>
				<input id="txtbox_Value" name="Value" placeholder="产品单价(￥人民币)" title="产品单价(￥人民币)" type="text" value="" required />
				<label for="text">产品单价(￥人民币)</label>
			</li><br><br><br>
			<li>
				<input id="txtbox_Quantity" name="Quantity" placeholder="产品数量" title="产品数量" type="text" value="" required />
				<label for="text">产品数量</label>
			</li><br><br><br>
			<li>
				<input id="txtbox_Factory" name="Factory" placeholder="生产基地" title="生产基地" type="text" value="" required />
				<label for="text">生产基地</label>
			</li><br><br><br>
			<li>
				<input id="btn_write" name="register" type="submit" value="录入信息">
				<input id="btn_read" name="getdata" type="submit" value="查看信息">
			</li>
		</ul>
	</form>

</div>


<script src="js/jquery-1.6.3.min.js"></script>
<script>
$(document).ready(function(){
    if(!Modernizr.input.placeholder) {
        $("input[placeholder]").each(function() {
            var placeholder = $(this).attr("placeholder");

            $(this).val(placeholder).focus(function() {
                if($(this).val() == placeholder) {
                    $(this).val("")
                }
            }).blur(function() {
                if($(this).val() == "") {
                    $(this).val(placeholder)
                }
            });
        });
    } // Modernizr placeholder
});

</script>

<br><br>
<div id="hot"  class="htabmain"></div>
<script src="js/htab2.js"></script>

</body>
</html>